<template>
  <div class="">
    <el-table :data="dataList" style="width: 100%" border>
        <el-table-column prop="supervisor" label="监督员"> </el-table-column>
        <el-table-column prop="createTime" label="创建时间"> </el-table-column>
        <el-table-column prop="enforcementDocumentType" label="文书类型">
          <template slot-scope="scope">
            <dict-tag
            :options="dict.type.document_type"
            :value="scope.row.enforcementDocumentType"
          />
           </template> 
        </el-table-column>
        <el-table-column
          label="操作"
          align="center"
          class-name="fixed-width"
          width="350"
        >
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="toDocDetailPage(scope.row)"
              >查看详情</el-button
            >
          </template>
        </el-table-column>
    </el-table>
    <pagination
      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getDataList"
    />
  </div>
</template>

<script>
import { getHospitalDocumentListAPI } from "@/api/zhangping/health-care/base-info";
export default {
  dicts:['document_type'],
  mixins: [],
  components: {},
  props: {},
  data() {
    return {
      dataList: [],
      total: 0,
      queryParams: {
        creditCode:this.$route.query.creditCode,
        pageNum: 1,
        pageSize: 10,
      },
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    getDataList() {
      getHospitalDocumentListAPI(this.queryParams).then((res) => {
        if(res.code === 200){

          this.dataList = res.rows;
          this.total = res.total;
        }
      });
    },
  },
};
</script>

<style scoped lang="scss"></style>
